<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <title>Document</title>
</head>
<style>
    .box{
        width:900px;
        margin:0 auto;
    }
    .box-aa{
        color: #999999;
        font-family: 楷体;
        font-size: 35px;
        text-align: center;
        vertical-align: middle;
        text-shadow: 3px 4px 3px #999999;
    }
    @font-face {
        font-family: 'iconfont';
        src: url('iconfont.eot');
        src: url('iconfont.eot?#iefix') format('embedded-opentype'),
        url('iconfont.woff2') format('woff2'),
        url('iconfont.woff') format('woff'),
        url('iconfont.ttf') format('truetype'),
        url('iconfont.svg#iconfont') format('svg');
    }
    .article{
        font-family:iconfont;
        color:#7C0303;
        font-size:65px;
        font-style: normal;
        text-align: center;
    }
</style>
<body>
<div class="box">
    <a href="index.html">作业一</a>
    <a href="index01.html">作业二</a>
    <a href="index02.html">作业三</a>
    <a href="index03.html">作业四</a>
    <div class="box-aa ">
        <p>选一款你最喜欢的相机</p>
    </div>

    <div class="article">&#xe627;&nbsp;&nbsp;&nbsp;&#xe60b;&nbsp;&nbsp;&nbsp;&#xe600;&nbsp;&nbsp;&nbsp;&#xe632;&nbsp;&nbsp;&nbsp;&#xe732;&nbsp;&nbsp;&nbsp;
        &#xe68e;&nbsp;&nbsp;&nbsp;&#xe6bb;
    </div>
</div>
</body>
</html>

